<!-- 引入公共部分 -->
{{extend './common/layout.html'}}
<!-- 引入css链接（填空） -->
{{block 'link'}}
<link rel="stylesheet" href="/static/home/css/center.css">
<script type="text/javascript" src="/static/home/js/whoareyou.js"></script>
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
{{/block}}
<!-- 引入主题部分（填空） -->
{{block 'main'}}
<!-- 引入头部代码 -->
<header>
    {{include './common/header.html'}}
    {{include './common/aside.html'}}
</header>
<p id="who" hidden="hidden">{{userInfoL.userInfo.id}}</p>
    <div class="body">
        <div class="bodyTop">
            <div class="box">
                <div class="click">个人中心</div>
                <div class="returnMain"><a href="./">返回首页</a></div>
            </div>
        </div>
        <div class="bodyMain">
            <div class="box">
                <div class="sideline">
                    <!-- <i class="fa fa-minus-square-o" aria-hidden="true"></i> -->
                    <dl>
                        <dt id="message">
                            <i class="fa fa-plus-square-o" aria-hidden="true"></i>&nbsp我的资料
                        </dt>
                        <dd>
                            <a href="./center">基本资料</a>
                        </dd>
                        <dd>
                            <a href="./address">收货地址</a>
                        </dd>
                        <dd>
                            <a href="./safe">修改密码</a>
                        </dd>
                        <dd  class="clicked">
                            <a href="./whoareyou">实名认证</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt id="superSail">
                            <i class="fa fa-plus-square-o" aria-hidden="true"></i>&nbsp我的特卖
                        </dt>
                        <dd>
                            <a href="./collection">商品收藏</a>
                        </dd>
                        <dd>
                            <a href="./footmark">我的足迹</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt id="order">
                            <i class="fa fa-plus-square-o" aria-hidden="true"></i>&nbsp订单管理
                        </dt>
                        <dd class="orders">
                            <a href="./orderNo">未付款</a>
                        </dd>
                        <dd class="orders">
                            <a href="./order">已付款</a>
                        </dd>
                        <dd class="orders">
                            <a href="./expressmessage">已发货</a>
                        </dd>
                    </dl>
                </div>
                <div class="mainDiv">
                    <div class="mine">
                        <div class="myPhoto">
                            <img src="{{userInfoL.userInfo.img}}">
                        </div>
                        <div class="myName">
                            零元购(yyds)
                        </div>
                    </div>
                    <div class="myMessage">
                        <div class="form-group">
                            <label for="name">真实姓名&nbsp;:&nbsp;</label>
                            <input type="text" class="form-control name" id="name" name="name" onkeyup="value=value.replace(/[^\u4e00-\u9fa5]/g,'')" maxlength="10" placeholder="请输入真实姓名">
                        </div>
                        <div class="form-group">
                            <label for="nation">民族&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;</label>
                            <!-- <input type="text" class="form-control" name="nation" placeholder="请输入您的民族"> -->
                            <select class="messageSelect" id="nationSelect">
                                <option>请选择</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="homeland">籍贯&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;</label>
                            <select class="messageSelect" id="proviceSelect">
                                <option>请选择</option>
                            </select>
                        </div>
                        <div class="form-group" style="height:30px">
                            <label for="sex">性别&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;</label>
                            <form class="usersex">
                                <input class="radio" type="radio" name="sex" value="0" style="margin-top: 5px;float: left;"><p style="margin: 0;width: 20px;float: left;margin-top: 5px;">男&nbsp;&nbsp;</p>
                                <input class="radio" type="radio" name="sex" value="1" style="margin-top: 5px;float: left;"><p style="margin: 0;width: 20px;float: left;margin-top: 5px;">女</p>
                            </form>
                        </div>
                        <div class="form-group">
                            <label for="birthday">生日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;</label>
                            <select class="messageSelect" id="year">
                                <option>2002</option>
                            </select>
                            <select class="messageSelect" id="month">
                                <option>1</option>
                            </select>
                            <select class="messageSelect" id="day">
                                <option>27</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="politics">政治面貌&nbsp;:&nbsp;</label>
                            <select class="messageSelect" id="politics">
                                <option>群众</option>
                                <option>少先队员</option>
                                <option>团员</option>
                                <option>党员</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="idType">证件类型&nbsp;:&nbsp;</label>
                            <select class="messageSelect" id="idtype">
                                <option>居民身份证</option>
                                <option>军官证</option>
                                <option>护照</option>
                                <option>港澳居民来往内地通行证</option>
                                <option>台湾居民来往内地通行证</option>
                                <option>外国人永久居留身份证</option>
                                <option>港澳台居民居住证</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="idnum">证件号码&nbsp;:&nbsp;</label>
                            <input type="text" class="form-control" id="idnum" name="idnum" placeholder="请输入证件号码">
                        </div>
                        <div class="form-group">
                            <label for="phonenum">手机号码&nbsp;:&nbsp;</label>
                            <input type="text" class="form-control" id="telephone" name="phonenum" onkeyup="this.value=this.value.replace(/[^\d{0-9}]/g,'')" maxlength=11 placeholder="请输入手机号码">
                        </div>
                        <div class="form-group">
                            <label for="">邮箱地址&nbsp;:&nbsp;</label>
                            <input type="text" class="form-control" name="email" id="email" value={{userInfoL.userInfo.email}} style="border: none;" disabled="disabled">
                        </div>
                        <div>----------------------------------------------------------------------------------------------------------------</div>
                        <div class="form-group">
                            <div class="phototype">证件照</div>
                            <div class="file-selecter">
                                <input id="ipt" type="file" onchange="previewFile()">
                                <div id="preview" class="inImg">
                                    <img src="../../static/home/img/add.png" id="oImg">
                                </div>
                            </div>
                            <div class="selectCondition">
                                · 请上传三个月内、正面免冠2寸彩色证件照<br>
                                · 2M以内的JPG、PNG格式
                            </div>
                        </div>
                        <div>----------------------------------------------------------------------------------------------------------------</div>
                        <div class="form-group">
                            <div class="idphoto">
                                <div class="face">
                                    <div class="photosays">
                                        身份证正面照(国徽面)
                                    </div>
                                    <div class="idpositive">
                                        <input id="idpositive" type="file" onchange="previewPositive()">
                                        <div id="previewSec" class="inImg">
                                            <img src="../../static/home/img/add.png" id="positiveImg">
                                        </div>
                                    </div>
                                </div>
                                <div class="positive">
                                    <div class="photosays">
                                        身份证反面照(人像面)
                                    </div>
                                    <div class="idface">
                                        <input id="idface" type="file" onchange="previewFace()">
                                        <div id="previewFir" class="inImg">
                                            <img src="../../static/home/img/add.png" id="faceImg">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button type="submit" id="btn" class="btn" onclick="uploadYouMes()">提交</button>
                        <span class="btn reset" onclick="reset()">重置</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="float">
        <!-- <div id="codeContent" class="floatContent hide">
        </div> -->
        <div id="floatContent" class="floatContent hide">
        </div>
        <!-- <div id="floatContent" class="floatContent hide">
        </div> -->
    </div>
    <footer>
        {{include './common/footer.html'}}
    </footer>
    {{/block}}